<script setup lang="ts">
import MyDialog from './components/MyDialog.vue';

//
</script>

<template>
  <MyDialog>
    <!-- v-slot:header 可简写成 #header -->
    <!-- 推荐用 # 简写, 有插槽名代码提示 -->
    <template #header>
      <h3 class="title">危险提示</h3>
    </template>

    <!-- 默认插槽可以省略 <template #default></template> 不写 -->
    <p class="message">你确定要删除吗？</p>

    <template #footer>
      <button>登录</button>
      <button>注册</button>
    </template>
  </MyDialog>
</template>


<style scoped>
.title {
  color: #333;
  margin: 0;
}

.message {
  color: #333;
}
</style>